<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="index.css">
</head>
<body>
    <header>
        <div class="icon"></div>
        <div class="title">推荐旅游目的地</div>
        <div class="radius btn">签到</div>
    </header>
    <section class="main">
        <input type="search" name="query" placeholder="搜索你想去的地方">
        <ul class="nav">
        <li ><a href="#">首选</a><li>
        <li ><a href="#">推荐</a><li>
        <li ><a href="#">大陆</a><li>
        </ul> 
        <section class="mid-con"></section>
        <div class="title">
            <span class="text">首尔，山水中的彩墨美学</span>
        </div>
        <div class="pics">
            <ul>
                <li><img src="./imgs/1.jpg" alt=""><span>新村大学城</span></li>
                <li><img src="./imgs/2.jpg" alt=""><span>乐天世界</span></li>
                <li><img src="./imgs/3.jpg" alt=""><span>梨花壁画村</span></li>
            </ul>
        </div>
    </section>
    <footer></footer>
</body>
</html>